<template>
  <view>
    <u-navbar id="navbar" :is-back="true" back-icon-color="#FFFFFF" :back-text-style="backstyle" title-color="#FFFFFF"
      :back-text="name" :background="background">
    </u-navbar>
  </view>
</template>
<script>
import uNavbar from '@/uview-ui/components/u-navbar/u-navbar.vue'
  export default {
    name: "navigation",
    components: {
      uNavbar,
    },
    props:["name"],
      data() {
        return {
          // name: this.names,
          // isback:this.back,
          background: {
			  // 导航栏背景图
			              background: 'url(https://static.bsyjk.cn/health-pg/2E165323C8EE47EC902A95A24679A025.png) no-repeat',
			              // 还可以设置背景图size属性
			              backgroundSize: 'cover',
            // backgroundColor: '#001f3f',
            // 导航栏背景图
            // background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
            // 还可以设置背景图size属性
            // backgroundSize: 'cover',
            // 渐变色
            // backgroundImage: 'linear-gradient(10deg, rgb(129, 192, 66), rgb(46, 167, 224))'
          },
          backstyle: {
            color: '#ffffff',
            // 'white-space': 'nowrap',
            'font-size': '36upx'
          }

        };
      }
    }
</script>

<style lang="scss">
</style>
